<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--使用name作为标记-->
<a name="top"></a>

<!--a标签
href:必填，表示要跳转到哪个页面
target:表示窗口在哪里打开
    _blank:在新标签中打开
    _self:在自己的网页中打开
    _parent:....
    _top:.....
-->
<a href="图像标签.html" target="_blank">点击我跳转页面1</a>
<a href="https://www.baidu.com">点击我跳转页面1</a>

<br/>
<a href="图像标签.html">
    <img src="../resources/image/1.jpg" alt="狂神头像" title="悬停文字" width="96" height="96">
</a>

<!--锚链接
1、需要一个标记
2、跳转到标记
#
锚链接可以和普通链接拼接
-->
<a href="#top"></a>

<!--功能性链接
邮件链接:mailto:
QQ链接
-->
<a href="mailto:11111111@qq.com">点击联系我</a>
<a target="_blank"
   href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="点击联系QQ" title="点击联系QQ"/>
</a>

</body>
</html>